@import './global'

.h-center
  display flex
  align-items center

.h2
  font-size $h2
  font-weight bold

.form
  [data-role="editor"]
    min-height 130px
    padding 20px
    border 1px solid #ddd 
    outline none

.form
  [data-role="address"]
  [data-role="editor"]
  [data-role="date-select"]
  [data-role="input"]
  [data-role="textarea"]
    width 330px
  [data-role="tree-list"]
  [data-role="select"]
    width 200px
  [data-role="button"]
    padding 0 49px
    height 40px
    margin-top 60px
  > div
    margin-top 30px
    h2
      @extends .h2
      line-height 1
    > div
      margin-top 15px
      padding 20px
      > *
        & + div
          margin-top 20px

.form
  [data-role="input"]
  line-height 1
  > div
    > div
      > *
        margin-top 20px
  
.disabledLink
  color $font-color
  cursor default
  &:hover
    opacity 1
  &:active
    color $font-color

.form-input
  height 30px
  width 220px
  padding 5px

.form-submit
	width 188px
	height 40px
	margin-top 50px

.new-form
  margin-top 40px
  > div
    & + div
      margin-top 30px
    > [data-role="button"]
      width 180px
      height 40px
      margin-top 40px
    > h2
      font-size 20px
      color #a4b2bb
      line-height 1
      margin-bottom 10px
    > div
      width 600px
      background-color #F7F8FA
      border-radius 3px
      border 1px solid #EEF0F4
      padding 30px 10px
      [data-role="date-select"]
      [data-role="input"]
        width 250px
      [data-role="tree-list"]
        background-color #fff
      [data-role="tree-list"]
        width 100%
        font-size 14px
      [data-role="select"]
        width 200px
        select
          background-color #fff
      > *
        & + *
          margin-top 30px
$fade-in
  animation-name fadeIn
  animation-duration: .35s

$flip-in-x
  animation-name flipInX
  backface-visibility visible
  animation-duration: .35s
  animation-fill-mode: both

$slide-in-right
  animation-name slideInRight
  animation-duration: .35s

$slide-in-left
  animation-name slideInLeft
  animation-duration: .35s

$slide-in-down
  animation-name slideInDown
  animation-duration: .35s
